let global = {
    data : {
        unique_id : '', //unique_id
        errShow : 'show', //fade show
        errClass : 'alert-warning',//success danger warning info
        errMsg : 'test',
        username : '',
        passwd : '',
        loginMsg : ''
    },
    methods : {
        login : function () {
            let that = this;
            let params = {
                username: this.username,
                passwd: this.passwd
            };

            post('/Login/verify', params, function (e) {
                if (e.code === 1000) {
                    that.loginMsg = '';
                    window.location.reload();
                } else {
                    that.loginMsg = e.msg
                }
            });
        }
    }
};

let page = {
    props : {
        p : {
            type : Number,
            default : 1
        },
        perPages : {
            type : Number,
            default : 5
        },
        //每页显示条数
        pageSize : {
            type : Number,
            default : 20
        },

        //总记录数
        total : {
            type : Number,
            default : 1
        }
    },
    methods : {
        prev(){
            if (this.index > 1) {
                this.go(this.index - 1)
            }
        },
        next(){
            if (this.index < this.pages) {
                this.go(this.index + 1)
            }
        },
        first(){
            if (this.index !== 1) {
                this.go(1)
            }
        },
        last(){
            if (this.index !== this.pages) {
                this.go(this.pages)
            }
        },
        go (page) {
            if (this.index !== page) {
                this.index = page
                //父组件通过change方法来接受当前的页码
                this.$emit('change', this, this.index)
            }
        }
    },
    computed : {

        //计算总页码
        pages(){
            return Math.ceil(this.size / this.limit)
        },

        //计算页码，当count等变化时自动计算
        pagers () {
            const array = []
            const perPages = this.perPages
            const pageCount = this.pages
            let current = this.index
            const _offset = (perPages - 1) / 2


            const offset = {
                start : current - _offset,
                end   : current + _offset
            }

            //-1, 3
            if (offset.start < 1) {
                offset.end = offset.end + (1 - offset.start)
                offset.start = 1
            }
            if (offset.end > pageCount) {
                offset.start = offset.start - (offset.end - pageCount)
                offset.end = pageCount
            }
            if (offset.start < 1) offset.start = 1

            this.showPrevMore = (offset.start > 1)
            this.showNextMore = (offset.end < pageCount)

            for (let i = offset.start; i <= offset.end; i++) {
                array.push(i)
            }

            return array
        }
    },
    data: function () {
        return {
            p : this.p,//当前页码
            index : this.p || 1, //当前页码
            limit : this.pageSize, //每页显示条数
            size : this.total || 1, //总记录数
            showPrevMore : false,
            showNextMore : false
        }
    },
    template: '<nav aria-label="Page navigation example">'
        + '<ul class="pagination">'
        + '<li ><a class="page-link" href="javascript:;">共{{size}}条数据,{{pages}}页,当前第{{p}}页</a></li>'
        + '<li @click="prev" class="page-item"><a class="page-link" href="javascript:;">Previous</a></li>'
        + '<li @click="first" class="page-item"><a class="page-link" href="javascript:;">first</a></li>'
        + '<li  v-for="pager in pagers" @click="go(pager)" class="page-item" v-bind:class="{active : p === pager}"><a class="page-link" href="javascript:;">{{ pager }}</a></li>'
        + '<li @click="last" class="page-item"><a class="page-link" href="javascript:;">last</a></li>'
        + '<li @click="next" class="page-item"><a class="page-link" href="javascript:;">Next</a></li>'
        + '</ul>'
        + '</nav>'
    ,
    watch : {
        pageIndex(val) {
            this.index = val || 1
        },
        pageSize(val) {
            this.limit = val || 20
        },
        total(val) {
            this.size = val || 1
        }
    }
};

function post(url, params, callback)
{
    axios.post(url, params , {transformRequest: [function(data) {      //在请求之前对data传参进行格式转换
                data._unique_id = global.data.unique_id
                data = Qs.stringify(data)
                return data
            }]})
        .then(function (response) {

            let serverData = response.data;

            if (serverData.code === undefined) throw "系统正在维护";

            let code = serverData.code;
            let msg = serverData.msg;

            if (code === 3000) {
                $('#login').modal('show');
                return false;
            }

            if (code === 5000) throw msg;

            if (code === 0) throw msg;

            if (typeof callback === "function"){
                callback(serverData)
            }
        })
        .catch(function (error) { // 请求失败处理
            toastr.info(error)
        });
}



